<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>绑定手机</title>
		<link rel="icon" href="img/favicon.ico" type="image/x-icon">
		<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
		<script src="js/mui.min.js"></script>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<script type="text/javascript" charset="utf-8">
			mui.init();
		</script>
	</head>

	<body class="bg_ff">
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">绑定手机</h1>
		</header>
		<div class="mui-content bg_ff">
			<h3 class="font-weight mg_top20 padding_20">手机验证</h3>
			<div class="padding_12">
				<form action="" method="post"  class="padding_10 mg_top20">
					<div class="login_div  bor_b">
						<img class="icon" src="img/ic_phone.png"/>
						<i class="ge"></i>
						<input type="tel" name="" id="mobile" value=""  placeholder="请输入手机号"/>
					</div> 
					<div class="login_div  bor_b mg_top20 relative">
						<img class="icon" src="img/ic_code.png"/>
						<i class="ge"></i>
						<input type="text" name="" id="" value=""  placeholder="请输入验证码"/>
						<input type="text" name=""  value="获取验证码" class="generate_code" readonly="readonly" onclick="getcode()" onfocus="this.blur()" />
					</div> 
				</form>
				<div class="fix-bottom">
					<h6 class="text-center">授权即代表同意《xxx用户协议》</h6>
					<div class="width90 mg_top20 mgat">
						<a href="" class="big_btn font_17">同意协议并登陆</a>
					</div>
				</div>
			</div>
		</div>
	</body>
<script src="js/jquery-1.7.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	$(function(){
			//获取验证码
		function getcode() {
			var phone = $("#mobile").val();
			var disabled = $(".generate_code").attr("disabled");  
	        if(disabled){  
	         return false;  
	        }  
		    if(phone == "" || isNaN(phone) || phone.length != 11 ){  
		        msg("请填写正确的手机号！");  
		        return false;  
		    } 
//		$.ajax({
//			type:"post",
//			url:urla+"index/send_message",
//			async:true,
//			dataType:'json',
//			data:{
//				mobile:phone
//			},
//			success:function(res){
//				if(res.ret==200){
//					msg(res.msg);
//					settime()
//				}else{
//					msg(res.msg);
//				}
//			}
//		});
}	
	})
</script>
</html>